<script setup lang="ts">
import { SvgIconComponent } from '@/models/component';


const props = defineProps<{ model: SvgIconComponent }>()
const model = props.model

const styles = {
    // ...model.styles,
    color: model.color,
    width: model.size,
    height: model.size,
}


</script>

<template>
    <div class="pybi-svg-icon" v-html="model.svg" :style="styles"></div>
</template>

<style scoped>
.pybi-svg-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
</style>